﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Charifyer</title>
        <script src="scripts/jquery-1.9.0.js"></script>
        <script src="scripts/parse-1.2.17.js"></script>
        <link href="Content/bootstrap.min.css" rel="stylesheet" />
        <link href="Content/bootstrap-theme.min.css" rel="stylesheet" />
        <script src="scripts/bootstrap.min.js"></script>
        <link href="styles/form.css" rel="stylesheet" />
    </head>
    <body>
        <h1 class="heading">Charifyer</h1>
        <div id="form">
            <a href="#" id="btn-show-login" class="btn-login-form current">Login</a>
            <a href="#" id="btn-show-register" class="btn-login-form">Register</a>
            <form class="form-inline" onsubmit="return false" id="form-login" role="form">
                <div class="form-group">
                    <input type="text" class="form-control" id="username" placeholder="Username">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="password" placeholder="Password">
                </div>
                <button type="submit" class="btn btn-default" onclick="login()">Sign in</button>
            </form>
            <form class="form-inline invisible" onsubmit="return false" id="form-register" role="form">
                <div class="form-group">
                    <input type="text" class="form-control" id="usernameR" placeholder="Username">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="passwordR" placeholder="Password">
                </div>
                <br />
                <div class="form-group">
                    <input type="password" class="form-control" id="passRepeat" placeholder="Repeat pass">
                </div>
                <div class="form-group">
                    <input type="email" class="form-control" id="email" placeholder="Email">
                </div>
                <br />
                <button type="submit" id="cool-signin" onclick="register()" class="btn btn-default">Sign up </button>
            </form>
        </div>

        <div class="jumbotron">
            <h1>Добре дошли в Charifyer.</h1>
            <p>
                Това е мястото, където можете да организирате благотворителност! Тук може да помагате на бедните граждани и нуждаещите се от помощ. Заедно можем да бъдем по-добри!
            </p>
            <p>Можете да научите още неща за сайта и идеята, кликайки на бутона от долу.</p>
            <p>
                <a class="btn btn-primary btn-lg" role="button" href="about.html">Click</a>
            </p>
        </div>
        <script src="scripts/form.js"></script>
    </body>
</html>
